<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta  http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
	<meta name="author" content="Parallelus" />
	<meta name="description" content="A brief description of this website or your business." />
	<meta name="keywords" content="keywords, or phrases, associated, with each page, are best" />
	<title>Traject - Aim For The Next Level</title>
	
	<!-- Favorites icon -->
	<link rel="shortcut icon" href="http://para.llel.us/favicon.ico" />
	
	<!-- Style sheets -->
	<link rel="stylesheet" type="text/css" href="css/reset.min.css" />
	<link rel="stylesheet" type="text/css" href="css/default.css" />
	<link rel="stylesheet" type="text/css" href="css/menu.css" />
	<link rel="stylesheet" type="text/css" href="css/fancybox.css" />

	<!-- Skin Style Sheet -->
	<link rel="stylesheet" href="css/skins/skin-1.css" type="text/css" id="SkinCSS" />

	<!-- jQuery framework and utilities -->
	<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
	<script type="text/javascript"> $j = jQuery.noConflict(); </script>
	<script type="text/javascript" src="js/jquery.easing.1.3.min.js"></script>
	<script type="text/javascript" src="js/hoverIntent.min.js"></script>
	<!-- Drop down menus -->
	<script type="text/javascript" src="js/menu.js"></script>
	<!-- Font replacement (cufon) -->
	<script type="text/javascript" src="js/cufon-yui.js"></script>
	<script type="text/javascript" src="js/Vegur.font.js"></script>
	<script type="text/javascript" src="js/Vegur.Light.font.js"></script>
	<!-- Input labels -->
	<script type="text/javascript" src="js/jquery.overlabel.min.js"></script>
	<!-- Inline popups/modal windows -->
	<script type="text/javascript" src="js/jquery.fancybox-1.3.1.pack.js"></script>

	

	<!-- IE only includes (PNG Fix and other things for sucky browsers -->
	
	<!--[if lt IE 7]>
		<link rel="stylesheet" type="text/css" href="css/ie-6.css">
		<script type="text/javascript" src="js/pngFix.min.js"></script>
		<script type="text/javascript"> 
			$j(document).ready(function(){ 
				$j(document.body).supersleight();
			}); 
		</script> 
	<![endif]-->
	<!--[if IE]><link rel="stylesheet" type="text/css" href="css/ie-all-versions.css"><![endif]-->



	<!-- BEGIN: For Demo Only -->
		<!--			
		These entries are only needed for demo features, such as the real-time skin changer.
		They can be deleted for production installs without effecting the theme's design or 
		any of the funcionality.
		-->
		<script type="text/javascript" src="js/demo.js"></script>	
		<link rel="stylesheet" type="text/css" href="css/demo.css" />
	<!-- END: For Demo Only -->



	<!-- Functions to initialize after page load -->
	<script type="text/javascript" src="js/onLoad.js"></script>


</head>
<body>

<div id="Wrapper">

	<div id="Top">
		<div id="TopContainer">
			
			<!-- Search -->
			<div id="SearchWrapper">
				<div id="Search">
					<form action="#" id="SearchForm" method="post">
						<p style="margin:0;"><input type="text" name="SearchInput" id="SearchInput" value="" /></p>
						<p style="margin:0;"><input type="submit" name="SearchSubmit" id="SearchSubmit" class="noStyle" value="" /></p>
					</form>
				</div>
			</div>
			
			<!-- Main Menu: MegaMenu -->
			<div id="MainMenu">
				<ul id="MegaMenu">
				
					<li class="current"><a href="index.html">Home</a></li>
					<li>
						<a href="#">Features</a>
						<div class="sub">
							<div class="row">
								<ul style="width: 200px;">
									<li><h2><a href="#">Home page</a></h2></li>
									<li><a href="index.html">Home 1 (default)</a></li>
									<li><a href="index-2.html">Home 2 (Products)</a></li>
									<li><a href="index-3.html">Home 3 (Nivo)</a></li>
									<li><br /><h2><a href="sample-layout.html">Theme Resources</a></h2></li>
									<li><a href="sample-text.html">Text Styles</a></li>
									<li><a href="sample-layout.html">Layout Overview</a></li>
								</ul>
								<ul style="width: 200px;">
									<li><h2><a href="#">Sample Pages</a></h2></li>
									<li><a href="sample-portfolio.html">Portfolio</a></li>
									<li><a href="sample-portfolio-2.html">Portfolio 2</a></li>
									<li><a href="sample-blog.html">Blog</a></li>
									<li><a href="sample-blog-page.html">Blog (single post)</a></li>
									<li><a href="sample-contact.html">Contact Form</a></li>
									<li><a href="sample-faq.html">FAQ's</a></li>
								</ul>
								<ul style="width: 200px;">
									<li><h2><a href="#">Mega Menus</a></h2></li>
									<li>
										<p>Add unlimited content, links, images and detailed information in your drop-down menus with Mega Menus.</p>
										<p>Usability testing shows mega drop-downs are more efficient and overcome the downsides of traditional menus.</p>
									</li>
								</ul>
							</div>
						</div>
					</li>
					<li>
						<a href="#">Skins</a>
						<div style="" class="sub">
							<div class="row">
								<ul>
									<li style="text-align: center;"><a href="#" onclick="switchSkin('1');" style="background: none; padding: 0.75em 0;"><img class="skin" src="images/content/skin-changer/skin-1.jpg" width="130" alt="Skin 1" /></a></li>
									<li style="text-align: center;"><h2><a href="#" onclick="switchSkin('1');">Skin 1</a></h2></li>
								</ul>
								<ul>
									<li style="text-align: center;"><a href="#" onclick="switchSkin('2');" style="background: none; padding: 0.75em 0;"><img class="skin" src="images/content/skin-changer/skin-2.jpg" width="135" alt="Skin 2" /></a></li>
									<li style="text-align: center;"><h2><a href="#" onclick="switchSkin('2');">Skin 2</a></h2></li>
								</ul>
								<ul>
									<li style="text-align: center;"><a href="#" onclick="switchSkin('3');" style="background: none; padding: 0.75em 0;"><img class="skin" src="images/content/skin-changer/skin-3.jpg" width="135" alt="Skin 3" /></a></li>
									<li style="text-align: center;"><h2><a href="#" onclick="switchSkin('3');">Skin 3</a></h2></li>
								</ul>
								<ul>
									<li style="text-align: center;"><a href="#" onclick="switchSkin('4');" style="background: none; padding: 0.75em 0;"><img class="skin" src="images/content/skin-changer/skin-4.jpg" width="135" alt="Skin 4" /></a></li>
									<li style="text-align: center;"><h2><a href="#" onclick="switchSkin('4');">Skin 4</a></h2></li>
								</ul>
							</div>
							<div class="row">
								<ul>
									<li style="text-align: center;"><a href="#" onclick="switchSkin('5');" style="background: none; padding: 0.75em 0;"><img class="skin" src="images/content/skin-changer/skin-5.jpg" width="135" alt="Skin 5" /></a></li>
									<li style="text-align: center;"><h2><a href="#" onclick="switchSkin('5');">Skin 5</a></h2></li>
								</ul>
								<ul>
									<li style="text-align: center;"><a href="#" onclick="switchSkin('6');" style="background: none; padding: 0.75em 0;"><img class="skin" src="images/content/skin-changer/skin-6.jpg" width="135" alt="Skin 6" /></a></li>
									<li style="text-align: center;"><h2><a href="#" onclick="switchSkin('6');">Skin 6</a></h2></li>
								</ul>
								<ul>
									<li style="text-align: center;"><a href="#" onclick="switchSkin('7');" style="background: none; padding: 0.75em 0;"><img class="skin" src="images/content/skin-changer/skin-7.jpg" width="135" alt="Skin 7" /></a></li>
									<li style="text-align: center;"><h2><a href="#" onclick="switchSkin('7');">Skin 7</a></h2></li>
								</ul>
								<ul>
									<li style="text-align: center;"><a href="#" onclick="switchSkin('8');" style="background: none; padding: 0.75em 0;"><img class="skin" src="images/content/skin-changer/skin-8.jpg" width="135" alt="Skin 8" /></a></li>
									<li style="text-align: center;"><h2><a href="#" onclick="switchSkin('8');">Skin 8</a></h2></li>
								</ul>
							</div>
							<div class="row" style="text-align: center;">
								<ul style="width: auto; float:none; ">
									<li>
										<label for="WideFormatDesign">
											<input type="checkbox" id="WideFormatDesign" name="WideFormatDesign" /> Enable alternate wide format design? This will toggle the "page" style design on and off.
										</label>
									</li>
								</ul>
							</div>
						</div>
					</li>
					<li><a href="sample-faq.html">FAQ's</a></li>	
					<li><a href="sample-contact.html">Contact</a></li>	

				</ul>
			</div> <!-- END id="MainMenu" -->
			
			
			
			
		</div>
	</div> <!-- END id="Top" -->
	
	<a href="index.html" id="LogoHeader" class="logoMedium"></a>
	
	<div id="PageTop"></div>
	<div id="PageWrapper">
		
		<div id="PageOverlay">
			<div id="PageOverlayContent">
					
					<div class="contentArea">
						<h1 class="pageTitle">The Blog</h1>
						<div class="pageIcon"><img src="images/icons/post.png" width="128" height="128" alt="Post" /></div>
					</div>

			</div> <!-- END id="PageOverlayContent" -->
		</div> <!-- END id="PageOveraly" -->


		<div id="Showcase">
			<div id="ShowcaseContent">
				<div class="contentArea">
					<h2 class="pageTagLine">News, business and more...</h2>
				</div> <!-- END class="contentArea" -->
			</div> <!-- END id="ShowcaseContent" -->
		</div> <!-- END id="Showcase" -->


		<div id="MainPage">
			<div id="MainPageContent">
				<div class="contentArea">
					
					<div class="two_third">
						
						<!-- Page Content -->

						<div class="blogPost">
						
							<div class="blogPostInfo">
								<span class="postComments"><a href="#">3 comments</a></span>
								<span class="postDate">May 3, 2010</span> &nbsp; | &nbsp; 
								<!--span class="postAuthor">Posted by <a href="#">J. Smith</a> in </span--> 
								<span class="postCategories"><a href="#">Technology</a></span>
							</div>
							<a href="sample-blog-page.html" class="imgLarge iconDoc">
								<img src="images/content/demo-only/placeholder.jpg" width="593" height="199" alt="Large Image" />
								<span class="imgFrame"></span>
							</a>
							
							<h2 class="postTitle">Technology Conference Schedule</h2>

							<p>In hendrerit, leo quis viverra tincidunt, ipsum leo ultrices lorem, vel sollicitudin urna orci a lorem. Quisque ac congue orci. Proin consequat, nulla ac ultricies aliquet, lacus diam laoreet quam, ut imperdiet mauris neque sit amet turpis. Vestibulum dapibus, eros tempus mattis turpis sagittis dolor, in rutrum elit dolor sed magna. Sed bibendum leo sit amet ante ultricies sollicitudin ut eu magna. Integer purus risus, luctus sed molestie laoreet, adipiscing vitae odio. In ut nisl sed mi facilisis suscipit. Mauris et velit leo. Vestibulum scelerisque scelerisque dolor...</p>
							<p><button type="button" onclick="document.location.href='sample-blog-page.html'" class="btn">Read more</button></p>
							
						</div>

						<div class="blogPost">
						
							<div class="blogPostInfo">
								<span class="postComments"><a href="#">42 comments</a></span>
								<span class="postDate">April 30, 2010</span> &nbsp; | &nbsp; 
								<!--span class="postAuthor">Posted by <a href="#">J. Smith</a> in </span--> 
								<span class="postCategories"><a href="#">Advertising</a>, <a href="#">Product Reviews</a></span>
							</div>
							<a href="sample-blog-page.html" class="imgLarge iconDoc">
								<img src="images/content/demo-only/placeholder.jpg" width="593" height="199" alt="Large Image" />
								<span class="imgFrame"></span>
							</a>
							
							<h2 class="postTitle">Do you have a superpower?</h2>

							<p>Donec ullamcorper dignissim mi et tristique. Curabitur eget mi tellus. Sed at odio eget orci aliquam convallis. Donec a ipsum tellus. Sed in purus magna, sed tempus nisi. Morbi nulla ipsum, congue eu ullamcorper ac, adipiscing eget augue. Pellentesque dictum tortor vel leo posuere quis mattis nulla semper. Suspendisse vitae odio a velit bibendum lobortis vel vitae lorem. Nam rutrum, justo eget aliquet suscipit, mauris lorem rutrum mauris, in imperdiet magna libero sed elit. Maecenas quis lorem felis. Pellentesque dictum tortor vel leo posuere quis mattis nulla semper...</p>
							<p><button type="button" onclick="document.location.href='sample-blog-page.html'" class="btn">Read more</button></p>
							
						</div>

						<div class="blogPost">
						
							<div class="blogPostInfo">
								<span class="postComments"><a href="#">18 comments</a></span>
								<span class="postDate">April 12, 2010</span> &nbsp; | &nbsp; 
								<!--span class="postAuthor">Posted by <a href="#">J. Smith</a> in </span--> 
								<span class="postCategories"><a href="#">Technology</a>, <a href="#">Tutorials</a></span>
							</div>
							<a href="sample-blog-page.html" class="imgLarge iconDoc">
								<img src="images/content/demo-only/placeholder.jpg" width="593" height="199" alt="Large Image" />
								<span class="imgFrame"></span>
							</a>
							
							<h2 class="postTitle">How IT Magic Happens</h2>

							<p>Donec ullamcorper dignissim mi et tristique. Curabitur eget mi tellus. Sed at odio eget orci aliquam convallis. Donec a ipsum tellus. Sed in purus magna, sed tempus nisi. Morbi nulla ipsum, congue eu ullamcorper ac, adipiscing eget augue. Pellentesque dictum tortor vel leo posuere quis mattis nulla semper. Suspendisse vitae odio a velit bibendum lobortis vel vitae lorem. Nam rutrum, justo eget aliquet suscipit, mauris lorem rutrum mauris, in imperdiet magna libero sed elit. Maecenas quis lorem felis. Pellentesque dictum tortor vel leo posuere quis mattis nulla semper...</p>
							<p><button type="button" onclick="document.location.href='sample-blog-page.html'" class="btn">Read more</button></p>
							
						</div>
						
					</div> <!-- END class="two_third" -->
					
					<div class="one_third last">
					
						<div class="sidebar">
							<div class="sidebarBox-1">
								<div class="sidebarBox-2">
								
									<h3>Categories</h3>
									<ul class="sideNav">
										<li><a href="#">Design</a></li>
										<li class="currentPage"><a href="#">Tutorials</a></li>
										<li><a href="#">Product Reviews</a></li>
										<li><a href="#">Technology</a></li>
										<li><a href="#">Advertising</a></li>
									</ul>

									<h3>Archives</h3>
									<ul class="sideNav">
										<li><a href="#">April 2010</a></li>
										<li><a href="#">March 2010</a></li>
										<li><a href="#">February 2010</a></li>
										<li><a href="#">January 2010</a></li>
										<li><a href="#">December 2009</a></li>
										<li><a href="#">November 2009</a></li>
										<li><a href="#">October 2009</a></li>
										<li><a href="#">September 2009</a></li>
										<li><a href="#">August 2009</a></li>
									</ul>

								</div>
							</div>
						</div>
						
					</div> <!-- END class="one_third" -->
					
					<!-- End of Content -->
					<div class="clear"></div>
									
				</div> <!-- END class="contentArea" -->
			</div> <!-- END id="MainPageContent" -->
		</div> <!-- END id="MainPage" -->
		
		
	</div> <!-- END id="PageWrapper" -->

	<div id="FooterWrapper">
		<div id="Footer">
			<div id="FooterContent">
				
				<div class="contentArea">
					
					<div class="copyright right">
						Copyright &copy; 2010 - <a href="http://para.llel.us">Parallelus</a> - All rights reserved. |  
						Valid <a href="http://validator.w3.org/check?uri=referer">XHTML</a> &amp; 
						<a href="http://jigsaw.w3.org/css-validator/check/referer?profile=css3">CSS</a>.
					</div>
					
					<ul id="FooterMenu" class="horizList left">
						<li><a href="index.html">Home</a></li>
						<li><a href="#">Features</a></li>
						<li><a href="sample-faq.html">FAQ's</a></li>
						<li><a href="sample-contact.html">Contact</a></li>
					</ul>
					
					<div class="clear"></div>
					
				</div> <!-- END class="contentArea" -->
				
			</div> <!-- END id="FooterContent" -->
		</div> <!-- END id="Footer" -->
	</div> <!-- END id="FooterWrapper" -->
	
</div> <!-- END id="Wrapper" -->

<!-- Activate Font Replacement (cufon) -->
<script type="text/javascript"> Cufon.now(); </script>
</body>
</html>